<template>
    <var-fab class="sign-in-fab" drag top="35%" left="10px" z-index="101">
        <template #trigger>
            <img
                :src="`${_oss_}images/mobile/icon-sign-in.png`"
                @click="onSignIn"
            />
        </template>
    </var-fab>
</template>
<script setup>
import { useSignIn } from "~/hooks";

const signIn = useSignIn();
const onSignIn = () => {
    signIn();
};
</script>
<style lang="scss">
.sign-in-fab {
    width: 50px;
    height: 50px;
}
</style>
<style lang="scss" scoped>
.sign-in-fab {
    img {
        width: 50px;
        height: 50px;
    }
}
</style>
